import Index from "@/pages";
import UseReducer from "@/pages/basic/1-1";
import UseMemo from "@/pages/basic/1-2";
import ReactMemo from "@/pages/basic/1-3";
import UseCallback from "@/pages/basic/1-4";
import ForwardRef from "@/pages/basic/1-5";
import PureFun from "../../pages/basic/1-6";
// import {  lazy } from "react";

// console.log(import.meta.resolve("/src/pages/basic/1-1.jsx"));
// console.log(import.meta);
// console.log(import("@/pages").then(console));

export default {
  path: "basic",
  children: [
    { index: true, element: <Index /> },
    {
      path: "1-1",
      // Component: lazy(() => import("@/pages/basic/"+"1-1")),
      element: <UseReducer />,
    },
    {
      path: "1-2",
      element: <UseMemo />,
    },
    {
      path: "1-3",
      element: <ReactMemo />,
    },
    {
      path: "1-4",
      element: <UseCallback />,
    },
    {
      path: "1-5",
      element: <ForwardRef />,
    },
    {
      path: "1-6",
      element: <PureFun />,
    },
  ],
};
